<%
var head = {
include("/front/layout/head.html"){}
};
var body = {
include("/front/layout/header.html"){}
%>
<!--content-->
<div class="section fade-in" id="index-banner" style="display: block; opacity: 1;">
    <div class="container">
        <div class="row">
            <!-- left -->
            <div class="col s12 m12 l8">
                <article class="card-panel">
                    <div class="card-title indigo-text">
                        ${article.title!}
                        <textarea id="c_time" class="c_time hiddendiv">${article.create_time}</textarea>
                        <small id="c_time_show" class="hiddendiv"></small>
                        <small>&nbsp;浏览量：${article.hit!}</small>
                    </div>

                    <ul class="collection">
                        <li class="collection-item">
                            <div id="article_content" class="hiddendiv">
                                <textarea id="article_content_area">${article.content!}</textarea>
                            </div>
                            <div class="bshare-custom icon-medium right">
                                <div class="bsPromo bsPromo2"></div>
                                <a title="分享到QQ空间" class="bshare-qzone"></a>
                                <a title="分享到QQ好友" class="bshare-qqim" href="javascript:void(0);"></a>
                                <a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
                                <a title="分享到人人网" class="bshare-renren"></a>
                                <a title="分享到腾讯微博" class="bshare-qqmb"></a>
                                <a title="分享到网易微博" class="bshare-neteasemb"></a>
                                <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
                                <span class="BSHARE_COUNT bshare-share-count" style="float: none;">42.6K</span>
                            </div>
                        </li>
                    </ul>

                    <!-- reply list -->
                    <input id="article_id_hidden" type="hidden" name="article_id" value="${article.id}"/>
                    <ul id="reply_list" class="collection">
                        <li class="collection-item">
                            <div class="row valign-wrapper">
                                <div class="col s2">
                                    <img src="/assets/images/xn.png" alt="" class="circle responsive-img">
                                </div>
                                <div class="col s10">
                                    <span class="black-text">
                                        <small>ycrxun 回复于
                                            <script>document.write(new Date().format('yyyy-MM-dd hh:mm:ss'));</script>
                                        </small><br/>
                                        This is a square image. Add the "circle" class to it to make it appear circular.
                                    </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div id="reply_page_view"></div>

                    <!-- reply form -->
                    <ul class="collection">
                        <li class="collection-item">
                            <form id="reply_form">
                                <input type="hidden" name="reply.article_id" value="${article.id}">

                                <div class="input-field col s12 center">
                                    <i class="mdi-social-person-outline prefix"></i>
                                    <input type="text" id="reply_name" name="reply.reply_name">
                                    <label for="reply_name" class="center-align">昵称</label>
                                </div>
                                <div class="input-field col s12 center">
                                    <i class="mdi-communication-email prefix"></i>
                                    <input type="email" id="reply_email" name="reply.reply_email">
                                    <label for="reply_email">邮箱</label>
                                </div>
                                <div class="input-field col s12 center">
                                    <i class="mdi-communication-message prefix"></i>
                                    <textarea id="reply_content" length="200" name="reply.content"
                                              class="materialize-textarea"></textarea>
                                    <label for="reply_content">内容</label>
                                </div>
                                <div class="input-field col s12 left">
                                    <a class="btn btn-primary" onclick="detail.reply();">回复</a>&nbsp;
                                    <!-- <input class="btn btn-primary" type="button" onclick="detail.preview();" value="预览"/>-->
                                </div>
                                <!--<div id="reply_content">
                                    <textarea class="materialize-textarea" length="120"></textarea>
                                </div>-->
                            </form>
                        </li>
                        <!--<li class="collection-item">
                            <div id="preview_content" class="hiddendiv">div</div>
                        </li>-->
                    </ul>

                </article>

            </div>
            <!-- right -->
            <div class="col s12 m12 l4">
                <%
                include("/front/layout/right.html"){}
                %>
            </div>
        </div>
    </div>
</div>

<!--footer-->
<%
include("/front/layout/footer.html"){}
%>
<!--javascript-->
<script src="/assets/js/jq/jquery-1.11.3.js"></script>
<script src="/assets/materialize/js/materialize.min.js"></script>
<script src="/assets/laypage/laypage.js"></script>
<script src="/markdown/lib/marked.min.js"></script>
<script src="/assets/js/client.js"></script>
<script type="text/javascript" src="/assets/js/goto.js"></script>
<script type="text/javascript" charset="utf-8"
        src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
<script type="text/javascript" charset="utf-8"
        src="http://static.bshare.cn/b/bshareC0.js"></script>
<script>
    $(document).ready(function () {
        $(".button-collapse").sideNav();
        layout_right.load_last_article_list();
        layout_right.load_hot_article_list();
        detail.init_time();
        detail.init_article_content();
        detail.init_reply_list();
        link.init_link_list();
        $("input#reply_content").characterCounter();
    });
</script>
<%
};
layout("/front/layout/_layout.html",{head:head,body:body}){}
%>
